<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body style="background-color: #2c2c2c">
  <script>
    SHUMWAY_ROOT = "../../src/";
  </script>
  <script src="gl.js"></script>
  <script src="filter.js"></script>
  <style TYPE="text/css">
    body {
      color: white;
      font-family: Consolas, Lucida Grande, sans-serif;
    }
    canvas {
      background-image:url('background.png');
      border: 4px solid #2c2c2c;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }
  </style>

  <table style="padding: 10px">
    <tr>
      <td>
        Original
      </td>
      <td>
        JS Blur
      </td>
      <td>
        JS Glow
      </td>
      <td>
        JS Shadow
      </td>
      <td>
        JS Color
      </td>
    </tr>
    <tr>
      <td>
        <canvas width="256" height="256" id="canvas"></canvas>
      </td>
      <td>
        <canvas width="256" height="256" id="blur-canvas-js"></canvas>
      </td>
      <td>
        <canvas width="256" height="256" id="glow-canvas-js"></canvas>
      </td>
      <td>
        <canvas width="256" height="256" id="shadow-canvas-js"></canvas>
      </td>
      <td>
        <canvas width="256" height="256" id="color-canvas-js"></canvas>
      </td>
    </tr>
    <tr>
      <td>
        WebGL Canvas
      </td>
      <td>
        GL Blur
      </td>
      <td>
        GL Glow
      </td>
      <td>
        GL Shadow
      </td>
      <td>
        GL Color
      </td>
    </tr>
    <tr>
      <td>
        <canvas width="256" height="256" id="canvas-gl"></canvas>
      </td>
      <td>
        <canvas width="256" height="256" id="blur-canvas-gl"></canvas>
      </td>
      <td>
        <canvas width="256" height="256" id="glow-canvas-gl"></canvas>
      </td>
      <td>
        <canvas width="256" height="256" id="shadow-canvas-gl"></canvas>
      </td>
      <td>
        <canvas width="256" height="256" id="color-canvas-gl"></canvas>
      </td>
    </tr>
  </table>

  <img src="firefox.png" id="firefox" style="visibility: hidden;">

  <script src="filter_driver.js"></script>

</body>
</html>
